@import '../../../assets/less/color';
.header{
  width:100%;
  height:70px;
  background:#3caefa; /* 一些不支持背景渐变的浏览器 */  
  background:-moz-linear-gradient(left, #3caefa, #55b9fc);  
  background:-webkit-gradient(left, #3caefa, #55b9fc); 
  background:-o-linear-gradient(left, #3caefa, #55b9fc); 
  //float:right;
  padding:0;
  margin:0;
 
}

.navBox{
  height: 100%;
  i{
    font-size:25px; 
    display: inline-block;
    padding: 10px 0;
  }
  .navTab{
    width: 100%;
    li{
      float: left;
      width:10%;
      cursor: pointer;
    }
  }
  .el-col,.navTab,li{
    height: 100%;
  }
}
.active{
  background: #53b5f5;
}
.leftName{
  li{
    float: right;
    padding-top: 20px;
    line-height: 20px;

    .el-dropdown{
      color:@f;
    }
  }
  .userinofBox{
    width: auto;
    margin-right: 12px;
    img{
      position: relative;
      top:-10px;
      border-radius: 50px;
      width: 50px;
      height: 50px;
      left: -10px;
    }
    span{
      position: relative;
      top:-25px;
    }
  }
}
